.h-style-container {
  display: block;
  padding: 2px;
  transition: all 0.2s ease-in-out;
}
.h-style-container img {
  max-width: 100%;
}
.h-style-container ol,
.h-style-container ul > li {
  display: inline-block;
  padding: 4px;
  box-sizing: border-box;
}
@media only screen {
  .h-style-sm-1 > li {
    width: 100%;
  }
  .h-style-sm-1 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-sm-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .h-style-sm-2 > li {
    width: 50%;
  }
  .h-style-sm-2 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-sm-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .h-style-sm-3 > li {
    width: 33.33333333%;
  }
  .h-style-sm-3 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-sm-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .h-style-sm-4 > li {
    width: 25%;
  }
  .h-style-sm-4 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-sm-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .h-style-sm-5 > li {
    width: 20%;
  }
  .h-style-sm-5 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-sm-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .h-style-sm-6 > li {
    width: 16.66666667%;
  }
  .h-style-sm-6 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-sm-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .h-style-sm-7 > li {
    width: 14.28571429%;
  }
  .h-style-sm-7 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-sm-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .h-style-sm-8 > li {
    width: 12.5%;
  }
  .h-style-sm-8 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-sm-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .h-style-sm-9 > li {
    width: 11.11111111%;
  }
  .h-style-sm-9 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-sm-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .h-style-sm-10 > li {
    width: 10%;
  }
  .h-style-sm-10 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-sm-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .h-style-sm-11 > li {
    width: 9.09090909%;
  }
  .h-style-sm-11 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-sm-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .h-style-sm-12 > li {
    width: 8.33333333%;
  }
  .h-style-sm-12 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-sm-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 641px) {
  .h-style-md-1 > li {
    width: 100%;
  }
  .h-style-md-1 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-md-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .h-style-md-2 > li {
    width: 50%;
  }
  .h-style-md-2 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-md-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .h-style-md-3 > li {
    width: 33.33333333%;
  }
  .h-style-md-3 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-md-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .h-style-md-4 > li {
    width: 25%;
  }
  .h-style-md-4 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-md-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .h-style-md-5 > li {
    width: 20%;
  }
  .h-style-md-5 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-md-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .h-style-md-6 > li {
    width: 16.66666667%;
  }
  .h-style-md-6 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-md-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .h-style-md-7 > li {
    width: 14.28571429%;
  }
  .h-style-md-7 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-md-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .h-style-md-8 > li {
    width: 12.5%;
  }
  .h-style-md-8 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-md-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .h-style-md-9 > li {
    width: 11.11111111%;
  }
  .h-style-md-9 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-md-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .h-style-md-10 > li {
    width: 10%;
  }
  .h-style-md-10 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-md-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .h-style-md-11 > li {
    width: 9.09090909%;
  }
  .h-style-md-11 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-md-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .h-style-md-12 > li {
    width: 8.33333333%;
  }
  .h-style-md-12 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-md-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 1025px) {
  .h-style-lg-1 > li {
    width: 100%;
  }
  .h-style-lg-1 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-lg-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .h-style-lg-2 > li {
    width: 50%;
  }
  .h-style-lg-2 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-lg-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .h-style-lg-3 > li {
    width: 33.33333333%;
  }
  .h-style-lg-3 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-lg-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .h-style-lg-4 > li {
    width: 25%;
  }
  .h-style-lg-4 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-lg-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .h-style-lg-5 > li {
    width: 20%;
  }
  .h-style-lg-5 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-lg-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .h-style-lg-6 > li {
    width: 16.66666667%;
  }
  .h-style-lg-6 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-lg-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .h-style-lg-7 > li {
    width: 14.28571429%;
  }
  .h-style-lg-7 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-lg-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .h-style-lg-8 > li {
    width: 12.5%;
  }
  .h-style-lg-8 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-lg-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .h-style-lg-9 > li {
    width: 11.11111111%;
  }
  .h-style-lg-9 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-lg-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .h-style-lg-10 > li {
    width: 10%;
  }
  .h-style-lg-10 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-lg-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .h-style-lg-11 > li {
    width: 9.09090909%;
  }
  .h-style-lg-11 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-lg-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .h-style-lg-12 > li {
    width: 8.33333333%;
  }
  .h-style-lg-12 > li:nth-of-type(n) {
    clear: none;
  }
  .h-style-lg-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
